<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Recibir solicitud de distribucion</title>
<link rel="stylesheet" type="text/css" href="../main.css" />
</head>
<body>
	<div id="container">
		<f:view>
			<h1>Articulos a Enviar</h1>
			<h:dataTable id="tablaEnviar"
				value="#{articulosController.articulosEnviar}" var="itemEnviar"
				bgcolor="#F1F1F1" border="10" cellpadding="5" cellspacing="3">

				<h:column>
					<f:facet name="header">
						<h:outputText value="Referencia" />
					</f:facet>
					<strong><h:outputText value="#{itemEnviar.referencia}" /> </strong>
				</h:column>
				
				<h:column>
					<f:facet name="header">
						<h:outputText value="Id Tienda" />
					</f:facet>
					<strong><h:outputText value="#{itemEnviar.idTienda}" /> </strong>
				</h:column>
				
				<h:column>
					<f:facet name="header">
						<h:outputText value="Cantidad Enviar" />
					</f:facet>
					<strong><h:outputText value="#{itemEnviar.cantidad}" /> </strong>
				</h:column>
				
				

			</h:dataTable>


			<h1>Articulos Pendientes</h1>
			<h:dataTable id="tablaPendientes"
				value="#{articulosController.articulosPendientes}" var="itemPendiente"
				bgcolor="#F1F1F1" border="10" cellpadding="5" cellspacing="3">

				<h:column>
					<f:facet name="header">
						<h:outputText value="Referencia" />
					</f:facet>
					<strong><h:outputText value="#{itemPendiente.referencia}" /> </strong>
				</h:column>
				
				<h:column>
					<f:facet name="header">
						<h:outputText value="Id Tienda" />
					</f:facet>
					<strong><h:outputText value="#{itemPendiente.idTienda}" /> </strong>
				</h:column>
				
				<h:column>
					<f:facet name="header">
						<h:outputText value="Cantidad Pendiente" />
					</f:facet>
					<strong><h:outputText value="#{itemPendiente.cantidad}" /> </strong>
				</h:column>
			
			</h:dataTable>

			<h:form id="solDistForm">
				<h:commandButton id="botonAceptar"
					action="#{articulosController.registrar}" value="Obtener" />
				<h:commandButton id="botonVolver"
					action="#{articulosController.back}" value="Volver" />
			</h:form>
		</f:view>
	</div>
</body>
</html>